<template>
  <div class="product-list">
    <el-tabs v-model="activeName" class="demo-tabs">
      <el-tab-pane label="产品列表" name="产品列表">
        <ProductList :activeName="activeName"></ProductList>
      </el-tab-pane>
      <el-tab-pane label="审核列表" name="审核列表">
        <AuditList :activeName="activeName"></AuditList>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import ProductList from './components/ProductList.vue'
import AuditList from './components/AuditList.vue'
/** tabs数据 */
const activeName = ref<'产品列表' | '审核列表'>('产品列表')
</script>

<style scoped lang="scss">
.product-list {
  padding: 0 8px;
}
</style>
